@charset "utf-8";
@import "common/_reset.scss";
@function p($px){
    @return $px/2*1px;
}
*{
    margin: 0;
    padding: 0;
    text-decoration: none;
    font-size: 0;
}
body{
    width: 100%;
    height: 100%;
    background: #bf0c21;
    background: url(../img/bg.jpg)
}
.web{
    width: 100%;
    height: p(1136);
    position: relative;
    overflow: hidden;
    .tableBox{
        width: p(213);
        height: p(240);
        margin: 0 auto;
        margin-top: p(360);
        position: relative;
        .table{
            width: p(123);
            height: p(123);
            border-radius: 50%;
            background: #e7c598;
            position: absolute;
            top: 50%;
            left: 50%;
            margin-top: p(-61);
            margin-left: p((-61));
            box-shadow: p(2) p(2) p(2) #000;
            text-align: center;
            span{
                font-size: p(24);
                color: #bf0c21;
                line-height: p(123);
            }
        }
        .chair{
            width: p(48);
            height: p(48);
            border-radius: 50%;
            background: #e7c598;
            box-shadow: p(2) p(2) p(2) #000;
            text-align: center;

            i{
                font-size:p(20) ;
                color: #bf0c21;
                line-height: p(48);
            }
        }
        .chair:nth-child(2){
            position: absolute;
            top: 0;
            left: 50%;
            margin-left:p(-24) ;
        }
        .chair:nth-child(3){
            position: absolute;
            top:p(48);
            left: 0;
        }
        .chair:nth-child(4){
            position: absolute;
            top: p(48);
            right: 0;
        }
        .chair:nth-child(5){
            position: absolute;
            bottom: p(48);
            left: 0;
        }
        .chair:nth-child(6){
            position: absolute;
            bottom: p(48);
            right: 0;
        }
        .chair:nth-child(7){
            position: absolute;
            bottom: 0;
            left: 50%;
            margin-left:p(-24) ;
        }
    }
    .tableBox{
        transform: scale(2);
    }
    .seats{
        text-align: center;
        margin: 0 auto;
        margin-top: p(290);
        
        p{
            font-size: p(26);
            color: #e7c598;
        }
    }
    .homebtn{
        width: p(41);
        height: p(41);
        border-radius: 50%;
        background: #e7c598;
        position: absolute;
        right: p(50);
        bottom: p(80);
        text-align: center;
        i{
            font-size: p(30);
            color: #bf0c21;
            line-height: p(41);
            font-weight: bold;
        }
    }
}